import React, { useState } from 'react'
// 1.导入useState

export default function TestState() {
  // 2.使用useState  
  let [num, setNum] = useState(9)
  return (
    <div>
      TestState: {num}
      {/* 调用setNum后， 会改变num的值，2，会重新渲染 */}
      <button onClick={() => setNum(num+1)}>num++</button>
    </div>
    /* 对于改变成一个固定的值，当数据不发生改变时，函数组件只多渲染一次 */
  )
}
